<link rel="stylesheet" type="text/css" href="_js/grid/gt_grid.css" />
<link rel="stylesheet" type="text/css" href="_js/grid/skin/vista/skinstyle.css" />
<script type="text/javascript" src="_js/grid/gt_msg_en.js"></script>
<script type="text/javascript" src="_js/grid/gt_grid_all.js"></script>
<script type="text/javascript" src="_js/grid/flashchart/fusioncharts/FusionCharts.js"></script>
<script type="text/javascript" src="_js/grid/calendar/calendar.js"></script>
<script type="text/javascript" src="_js/grid/calendar/calendar-setup.js"></script> 
<script type="text/javascript" >
var grid_demo_id = "myGrid1" ;


var dsOption= {

	fields :[
		{name : 'Id_Commande'  },
		{name : 'Date_Commande'  },
		{name : 'Date_fin_Liv'  },
		{name : 'Etat'  },
		{name : 'Montant' },
		{name : 'GLN_DO'},
		{name : 'GLN_Client' },
	    {name : 'operation' },	
	],
	recordType : 'array'
}



var colsOption = [
     {id: 'Id_Commande' , header: "N&#176" , width :30  },
     {id: 'Date_Commande' , header: "Date" , width :80  },
	 {id: 'Date_fin_Liv' , header: "Date" , width :80  },
	 {id: 'Etat' , header: "Etat" , width :80  },
	 {id: 'Montant' , header: "Montant" , width :60},
	 {id: 'GLN_DO' , header: "GLN_DO" , width :60},
	 {id: 'GLN_Client' , header: "GLN_Client" , width :80},
	 {id: 'operation', header: "Op&eacute;ration", width :60},
];


var gridOption={
	id : grid_demo_id,
	loadURL : "_fct/Client/CommandeController.php",
	width: 540,//"100%", // 700,
	height: 400,//"100%", // 330,
	container : 'gridbox', 
	replaceContainer : true, 
	encoding : 'UTF-8', // Sigma.$encoding(), 
	dataset : dsOption ,
	columns : colsOption ,
	skin: "vista",
	pageSize:100,
	toolbarContent : 'reload'
};

var mygrid=new Sigma.Grid( gridOption );
Sigma.Util.onLoad(function(){mygrid.render()});


//////////////////////////////////////////////////////////

</script>
   <div id="bigbox" style="display:!none;">
      <div id="gridbox" style="border:0px solid #cccccc;background-color:#f3f3f3;padding:5px;height:200px;width:700px;" ></div>
    </div>
	  
	  
	  
	  
	  
	  
	  
	  
	  